<template>
  <ul class="tree-view">
    <tree-item
      :model="model">
    </tree-item>
  </ul>
</template>

<script>
import TreeItem from './tree-item'

export default {
  name: 'tree-view',
  props: {
    model: {
      type: Object,
      required: false,
      default: () => ({})
    }
  },
  components: {
    TreeItem
  },
  computed: {
  },
  data () {
    return {
    }
  },
  mounted () {
  },
  methods: {
  }
}
</script>

<style lang="scss">
@import "~@/css/lib/mixin";
@import "~@/css/common/variables";

.tree-view {
  padding-left: 1em;
  line-height: 1.5em;
  list-style-type: dot;
  ul {
    padding-left: 1em;
    line-height: 1.5em;
    list-style-type: dot;
  }
}
</style>
